<template>
	<view class="contents" :class="[avative ? avative : contents]">
		<view class="boxCentent">
			<image src="https://mh.qingfentool.vip/upload/image/20230522/b8ba6c1a2511a7e4991d169fb355b600.png"
				mode="aspectFit"></image>
			<view class="text">
				暂无内容
			</view>
		</view>
		<view class="bottombtn" @click="goUrl('/orderPage/index/sharemh')" v-if="flag">
			邀请用户
		</view>
	</view>
</template>

<script>
export default {
	name: "empty",
	props: {
		flag: {
			type: Boolean,
			default: false
		},
		avative: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {
			url: this.$configs.urls
		};
	},
	methods: {
		goUrl(url) {
			uni.navigateTo({
				url
			})
		}
	}
}
</script>

<style scoped lang="scss">
.contents {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	background-color: #262626;
}

.active {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
}

.boxCentent {
	width: 250rpx;
	height: 250rpx;


	image {
		width: 100%;
		height: 100%;
	}

	.text {
		margin-top: 45rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #B3B3B3;
		text-align: center;
	}
}

.bottombtn {
	width: 710rpx;
	height: 96rpx;

	background: rgba(255, 231, 192, 0.1);
	border-radius: 10rpx 10rpx 10rpx 10rpx;
	opacity: 1;
	border: 1rpx solid #FED187;
	border-radius: 48px;
	text-align: center;
	line-height: 96rpx;
	color: white;
	position: fixed;
	bottom: 30rpx;
	left: 3%;
}
</style>
